<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

	<ui:composition template="template/clasic-t.xhtml">
        <ui:define name="title">
            <h:outputText value="SHCE - inicio" />
        </ui:define>
        <ui:define name="content">
            <div id="content-mod">
                <div style=" height: auto; width: 100%">
                    <div style="padding-left: 50px; padding-top: 25px"><h1>Inicio</h1></div>
                </div>
                <div style=" height: auto; width: 70%; margin: 0 auto;">
                    <div  style=" height: auto; width: 100%; display: inline-block">
                        <ui:repeat  value="#{ctacceso.retornaModulos()}" var="acceso">
                            <h:outputLink value="#{acceso.url}" styleClass="module efecto-expandido">  
                                <div id="img-mod-cita" class="mod-icon"></div>
                                <h1>#{acceso.name}</h1>
                                <p class="module-text">#{acceso.description}</p>
                            </h:outputLink> 
                        </ui:repeat>
                    </div>
                </div>
                <!-- marca un bloque vacio -->
                <div class="limpio"></div>
            </div>

        </ui:define>

    </ui:composition>
</html>